﻿    <div class="row" data-ng-hide="authentication.isAuth">
    <div class="col-md-2">
        &nbsp;
    </div>
    <div class="col-md-4">
        <h2>Login</h2>
        <p class="text-primary">If you have Username and Password, you can use the button below to access the secured content using a token.</p>
        <p><a class="btn btn-info" href="#/login" role="button">Login &raquo;</a></p>
    </div>
    <div class="col-md-4">
        <h2>Sign Up</h2>
        <p class="text-primary">Use the button below to create Username and Password to access the secured content using a token.</p>
        <p><a class="btn btn-info" href="#/signup" role="button">Sign Up &raquo;</a></p>
    </div>
    <div class="col-md-2">
        &nbsp;
    </div>
</div>
<div class="row" data-ng-hide="!authentication.isAuth" >
    <div class="col-md-0">
        &nbsp;
    </div>
    

    <div ng-controller="encabezadoController" class="container">
        <form class="form-horizontal" ng-submit="save()" ng-show="formVisibility">
            <div class="form-group">
                <label class="control-label col-xs-1">Periodo:</label>
                <div class="col-xs-2">
                    <input type="text" class="form-control" placeholder="Mes" ng-model="encabezado.Periodo">
                </div>
                <label class="control-label col-xs-1">Ruc:</label>
                <div class="col-xs-2">
                    <input type="text" class="form-control" placeholder="Ruc" ng-model="encabezado.Ruc">
                </div>
                <label class="control-label col-xs-1">Horas:</label>
                <div class="col-xs-3">
                    <input type="text" class="form-control" placeholder="Razon social" ng-model="encabezado.Razon_Social">
                </div>
                <label class="control-label col-xs-1">Estado:</label>
                <div class="col-xs-1">
                    <input type="number" class="form-control" ng-model="encabezado.Estado">
                </div>
            </div>
            <br>
            <div class="form-group">
                <div class="col-xs-offset-9">
                    <button type="button" class="btn btn-default" ng-click="cancel()">Cancel </button>
                    <button class="btn btn-success" type="submit">Save</button>
                    <input type="reset" class="btn btn-default btn-primary" value="Limpiar">
                </div>
            </div>

        </form>
        <table class="table table-striped table-bordered table-btabla2ed table-hover">
            <tr>
                <th>Nombre</th>
                <th>Ruc</th>
                <th>Horas</th>
                <th>Estado</th>
                <th>Opciones</th>
            </tr>
            <tr ng-repeat="d in list">
                <td>{{d.Periodo}}</td>
                <td>{{d.Ruc}}</td>
                <td>{{d.Razon_Social}}</td>
                <td>{{d.Estado}}</td>
                <td>
                    <button ng-click="getById(d)" type="button" class="btn btn-primary"><i class="glyphicon glyphicon-pencil"></i> <span>Editar</span></button>
                    <button ng-click="delete(d)" type="button" class="btn btn-danger"><i class="glyphicon glyphicon-trash"></i> <span>Eliminar</span></button>
                </td>
            </tr>
        </table>
        <button ng-click="ShowForm()" ng-hide="formVisibility" type="button" class="btn btn-primary"><i class="glyphicon glyphicon-plus"></i> Agregar encabezado</button>
    </div>




        <div class="col-md-2">
            &nbsp;
        </div>
    </div>
